

<h1>Identification</h1>


<div class="div_form form_left">

<div id="display_error_login" class="display_error hidden"> 
		<!-- On afiche ici les eventuels messages d'erreurs -->
</div>
    
    <form id="form_login" action="#" method="POST">
	<ul>
		<li>
			<label class="desc" for="mail">Adresse E-mail</label>
			<input id="mail" name="mail" class="field text large" type="text" value=""/>
		</li>
		<li>
			<label class="desc" for="pass">Mot de passe</label>
			<input id="pass" name="pass" class="field text large" type="password" value=""/>
		</li>
	
	     <li class="form_buttons">  
	
			<button class="negative button" onclick="JavaScript: $(document).trigger('close.facebox');">
			<img src="images/wrong.png" alt=""/> Annuler</button>        
			<button class="positive button" type="submit">
			<img src="images/ok.png" alt=""/>Envoyer</button>
            </li>
	</ul>
    </form>
    <script type="text/javascript" >
            
           //desactive le comportement par defaut du formulaire et lance la fonction log_in()
          $('#form_login').submit(function(event){
            console.log('login submit');
            event.preventDefault();
            log_in();
        })
    </script>
</div>
